<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中长期分析</title>
    <link rel="stylesheet" href="/business/common/css/common.css" />
	<link type="text/css" rel="stylesheet" href="/business/zcqfx.css">
    <script src="/business/common/component.js"></script>
    <!-- 主入口script引入 -->
    <script src="/static/widgets/cafejs/cafe.js"></script>
</head>
<body>
	<div class="product-zcqfx-container">
		<div class="product-zcqfx-content">
			<div class="product-zcqfx-tab"></div>
			<div class="product-zcqfx-datepicker"></div>
			<div class="product-zcqfx-datechange tab-switch">
				<div class="handle-btns hide">
					<input id="radio1" type="radio" name="handle" value="1" />
					<label for="radio1">控制</label>&nbsp;&nbsp;
					<input id="radio2" type="radio" name="handle" value="2" checked />
					<label for="radio2">平均</label>
				</div>

				<span><i></i>起报</span>
				<ul></ul>
			</div>
			<div class="product-zcqfx-interval tab-switch">
				<span><i></i>间隔</span>
				<ul>
					<li interval="1">1h</li>
					<li class="active" interval="3">3h</li>
					<li interval="6">6h</li>
					<li interval="12">12h</li>
					<li interval="24">24h</li>
				</ul>
			</div>
			<div class="product-zcqfx-list">
				<div class="product-zcqfx-item">
					<div class="product-title" data-type=""><i></i>高空</div>
					<table>
						<tr>
							<th></th>
							<th>200</th>
							<th>500</th>
							<th>700</th>
							<th>850</th>
							<th>1000</th>
						</tr>
						<tr>
							<td>高度</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<iframe class="product-zcqfx-iframe" src=""></iframe>
		<div class="product-zcqfx-pic">
			<div id="kstAnimatSet" class="kstAnimat-set">
				<div class="kstAnimat-Area">
					<div id="eccontain" style="width: 100%; height: 100%;text-align: center;">
						<img id="ecpic" src="http://10.226.120.45:8091/TJ/tianjin/resources/business/zhfx/skjc/kstwin/img/noData.png" style="height: 760px;">
					</div>
					<div class="imgArea_top" style="width: 960px; left: 204.667px;">
						<div id="productTitle">
							<span>2024-09-10 11:00 EC集合 3小时降水集合平均和离散度(1/s)</span>
							<div class="titleUtil"></div>
						</div>
					</div>
					<div id="imgArea" class="imgArea-main" style="width: 1010px; height: 760px; left: 168.667px;">
						<div class="imgArea-scale" style="width: 1010px; height: 760px; transform: translate(0px, 0px);">
							<div id="imgShowArea" class="imgShowArea ADCN" style="width: 960px; height: 720px;">
								<img id="img_country" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/country.png" style="z-index: 2; width: 960px; height: 720px;">
								<img id="img_province" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/province.png" style="z-index: 3; width: 960px; height: 720px;">
								<img id="img_provincenm" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/provincenm.png" style="z-index: 4; width: 960px; height: 720px;">
								<img id="img_river" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/river.png" style="z-index: 9; display: none; width: 960px; height: 720px;">
								<img id="img_latlon" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/latlon.png" style="z-index: 0; width: 960px; height: 720px;">
								<img id="animatImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/business/zhfx/skjc/kstwin/img/noData.png" style="z-index: 15; width: 960px; height: 720px;">
								<img id="img_southChinaSea" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/southChinaSea.png" style="z-index: 10; width: 960px; height: 720px;">
							</div>
						<div id="ecallArea" class="ecallArea">
							<img id="img_latlon_label" class="backImg" src="http://10.226.120.45:8091/TJ/tianjin/resources/common/layer_config/layers/layer_1000_750/ADCN/latlon_label.png" style="z-index: 1; width: 1000px; height: 740px;">
						</div>
					</div>
				</div>
				<div id="imgArea_imgLegend" class="imgLegend_right" style="right: 230px;">
					<img id="imgLegend" src="http://10.226.120.45:8091/TJ/tianjin/resources/business/zhfx/skjc/kstwin/img/transparent.png" style="width: 80px; height: 600px;">
				</div>
			</div>
		</div>

		<!-- 中长期分析-延伸预报-相似集合预报 start -->
		<iframe class="product-zcqfx-pic-iframe" src="" style="border: 0; width: 100%; height: 100%;"></iframe>
		<!-- 中长期分析-延伸预报-相似集合预报 end -->

		<div id="a-m-timeline" class="a-m-container"></div>
	</div>
	<script type="text/javascript" src="/business/zcqfx.js"></script>
</body>
